<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>系统日志报告</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/bootstrap.datetimepicker.css">
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../plugins/layer/layer.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/vue.min.js"></script>
    <script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../libs/bootstrap.datetimepicker.js"></script>
    <script src="../../libs/moment.min.js"></script>
    <!--<script src="../../libs/highstock.all.js"></script>-->
    <script src="../../libs/highcharts.all.js"></script>
    <script src="../../js/makeHighChart.js"></script>
</head>
<body>
<div class="row">
    <div class="col-md-6">
        <div class="col-md-1">时间:</div>
        <div class="col-md-5">
            <label class="sr-only" for="beginTime">beginTime</label>
            <div class='input-group date' id='beginTime'>
                <input class="form-control form_datetime" type="text" id="beginTimeInput" value=""/>
                <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
            </div>
        </div>
        <div class="col-md-1">至</div>
        <div class="col-md-5">
            <label class="sr-only" for="endTime">endTime</label>
            <div class='input-group date' id='endTime'>
                <input class="form-control form_datetime" type="text" id="endTimeInput" value=""/>
                <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="row">
        <span id="list"></span>
    </div>
    <div class="row" id="container1" style="min-width:400px;height:400px"></div>
</div>
<div class="row">
    <div class="row" id="container2" style="min-width:400px;height:400px"></div>
</div>


</body>
<script>
    // <![CDATA[
    $(document).ready(function () {
        $('#beginTime').datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            autoclose: true,
            todayBtn: true
        });
        $('#endTime').datetimepicker({
            format: 'yyyy-mm-dd hh:ii',
            autoclose: true,
            todayBtn: true
        });

        var list = $('#list');
        var start="2019-08-26 13:00:00";
        var end="2019-08-30 14:00:00";
        var size="100";
        var picX=[];
        var newSys={};
        console.log(newSys);
        makeActionLine("container1","container2");


        function getNowTime() {
            var date = new Date();
            var month = date.getMonth() + 1;
            var strDate = date.getDate();
            var minutes=date.getMinutes();
            var second=date.getSeconds();
            if (month >= 1 && month <= 9) {
                month = "0" + month;
            }
            if (strDate >= 0 && strDate <= 9) {
                strDate = "0" + strDate;
            }
            if (second >= 0 && second <= 9) {
                second = "0" + second;
            }
            if (minutes >= 0 && minutes <= 9) {
                minutes = "0" + minutes;
            }
            var currentDate = date.getFullYear() + "-" + month + "-" + strDate
                + " " + date.getHours() + ":" + minutes + ":" + second;
            return currentDate;
        }
        function getSampleTime(){
            return  (new Date()).valueOf();
        }

        Date.prototype.Format = function (fmt) {
            var o = {
                "M+": this.getMonth() + 1, //月份
                "d+": this.getDate(), //日
                "H+": this.getHours(), //小时
                "m+": this.getMinutes(), //分
                "s+": this.getSeconds(), //秒
                "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                "S": this.getMilliseconds() //毫秒
            };
            if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            for (var k in o)
                if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
            return fmt;
        }





    });


    // ]]>



</script>
</html>